﻿@charset "utf-8";
@font-face {
    font-family: 'inconsolatamedium';
    src: url('inconsolata-webfont.eot');
    src: url('inconsolata-webfont.eot?#iefix') format('embedded-opentype'),
         url('inconsolata-webfont.woff') format('woff'),
         url('inconsolata-webfont.ttf') format('truetype'),
         url('inconsolata-webfont.svg#inconsolatamedium') format('svg');
    font-weight: normal;
    font-style: normal;

}
/*
* reset
*/
body,input,textarea,button,select,legend,fieldset{font:13px/1.7 'helvetica neue',tahoma,'hiragino sans gb',
stheiti,'wenquanyi micro hei',\5FAE\8F6F\96C5\9ED1,\5B8B\4F53,sans-serif;}
body{ overflow-x:hidden;color:#666;}
input,textarea,button,select,legend,fieldset{border:0;background:none;vertical-align:middle;outline:none;margin:0;padding:0;}
body,h1,h2,h3,h4,p,ul,ol,dd,dl,form{margin:0;}
img { border: 0 none; width: auto\9; height: auto; max-width: 100%; vertical-align: top; -ms-interpolation-mode: bicubic;}
ul{padding-left:0;list-style-type:none;}
a{text-decoration:none;outline:none;color:#1c1c1c;transition:all .3s ease;}
a:hover{color:#666;}
i,b{font-style:normal;}

/*html5 ele*/
article, aside, dialog, footer, header, section, nav, figure, menu { display: block; }
/*webkit scroll*/
::-webkit-scrollbar-track-piece {background-color:#f5f5f5;}
::-webkit-scrollbar {width:6px;height:13px;}
::-webkit-scrollbar-thumb {background-color:#c2c2c2;background-clip:padding-box;min-height:28px;border-radius:3px;}
::-webkit-scrollbar-thumb:hover {border:1px solid #636363;background-color:#929292;}

/*ie scroll*/
@-ms-viewport {
width:device-width;
}

/*
* common
*/
.opc0{opacity:0;}
.wrap{max-width:1200px;margin-left:auto;margin-right:auto; }
.fix{*zoom:1;*clear:both;}.fix:before,.fix:after{content:"";display:table;clear:both;}
.oh{overflow:hidden;*zoom:1;}
.l{float:left;}.r{float:right;}
.dib{display:inline-block;*display:inline;*zoom:1;}
.pr{position:relative;}.pa{position:absolute;}
.tc{text-align:center;}.tr{text-align:right;}
.el{text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.hidetext { font: 0/0 a; letter-spacing: -9px; }
.btn{cursor:pointer;}
.hide{display:none;}
.arr{display: inline-block; width: 0; height: 0; overflow: hidden; }


/*
flex栅格
*/
.flex-col { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-flex-direction: column; flex-direction: column; }
.flex-row { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; }
.flex-1 { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; }
.flex-2 { -webkit-box-flex: 2; -webkit-flex: 2; flex: 2; }
.flex-3 { -webkit-box-flex: 3; -webkit-flex: 3; flex: 3; }
.flex-4 { -webkit-box-flex: 4; -webkit-flex: 4; flex: 4; }
.align-stretch { -webkit-box-align: stretch; -webkit-align-items: stretch; align-items: stretch; }
.align-center { -webkit-box-align: center; -webkit-align-items: center; align-items: center; }
.justify-center { -webkit-box-pack: center; justify-content: center; }
.flex-wrap{-webkit-flex-wrap: wrap; flex-wrap: wrap;}

/*
* style
*/
body{color:#555;}
a[target='_blank']{display:inline-block;text-indent:0;margin:0 5px;color:blue;text-decoration:underline;}
a[target='_blank']:hover{color:#89D6E6;}
.tc{text-align:center;}
.wrap{margin-bottom:2em;}
p{text-indent:2em;margin:1em 0;}
h1{font-weight:normal;font-size:24px;}
h2{color:#2185C5;font-size:20px;font-weight:normal;}
h3{font-size:15px;text-indent:1em;line-height:3;border-bottom:1px solid #eee;}
h4{text-indent:2em;margin:1em 0;font-size:13px;}
#nav{overflow:auto;border-right:1px solid #939393;}
#nav li {line-height:2.5;}
#nav li a{font-weight:bold;}
#nav li li{line-height:1.8;}
#nav li li a{font-size:1em;color:#1364c4;padding-left:1em;font-weight:normal;}

.hasNav{padding-left:225px;padding-right: 20px;}
.hasNav #nav{position:fixed;left:0;top:0;width:160px;padding-left: 40px;height:100%;}

#modules_index{width:100%;border-right:1px solid #ddd;border-bottom:1px solid #ddd;overflow:hidden;}
#modules_index a{display:block;text-align:center;line-height:3em;border:1px solid #eee;margin:0 -1px -1px 0;color:#3E454C;}
#modules_index a:hover{background:#eee;}

.demo [class*="span"],.demo [class*="midd"],.demo [class*="smal"]{background:#FFF6E5;min-height:7em;margin-bottom:1em;text-align:center;}
.demo p{text-indent:0;}
.tip{background:#FF7F66;border-radius:1em;color:#fff;padding-right:2em;}
pre{
	margin: 10px 0;
	display: block;
	background: #f5f5f5;
	border-radius: 5px;
	width: 68%;
	*zoom:1;
}
pre:before,pre:after{content:"";display:table;clear:both;}
pre code{
	font-size:13px;
	line-height:1.4em;
	font-family: 'Microsoft YaHei UI','Microsoft YaHei','SimSun','Segoe UI','Lucida Grande',Verdana,Arial,Helvetica,sans-serif ; 
}


header{background:#000;color:#fff;padding:2em;}
footer{border-top:1px solid #7ECEFD;padding:0;margin-bottom:0 !important;}

.foot_logo{width:50px;vertical-align:middle;text-align:center;height:4em;line-height:4em;
	position:fixed;right:2em;bottom:2em;
}
.foot_logo figure{margin:0;display:inline-block;width:50%;height:25px;vertical-align:middle;
-webkit-transform-style: preserve-3d;
-webkit-animation-name: foot-logo;
-webkit-animation-duration: 5s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: ease;
transform-style: preserve-3d;
animation-name: foot-logo;
animation-duration: 5s;
animation-iteration-count: infinite;
animation-timing-function: ease;
}
@-webkit-keyframes foot-logo {
	0% { width:73%; border-radius:2px;background:#2185C5;transform: rotateY(0deg);-webkit-transform: rotateY(0deg);}
	23% { width:73%; border-radius:2px;background:#2185C5;transform: rotateY(0deg);-webkit-transform: rotateY(0deg);}
	33% { width:68%; border-radius:6px; background:#7ECEFD;transform: rotateY(180deg);-webkit-transform: rotateY(180deg);}
	56% { width:68%; border-radius:6px;background:#7ECEFD;transform: rotateY(180deg);-webkit-transform: rotateY(180deg);}
	66% { width:35%; border-radius:2px;background:#3E454C;transform: rotateY(360deg);-webkit-transform: rotateY(360deg);}
	89% { width:35%; border-radius:2px;background:#3E454C;transform: rotateY(360deg);-webkit-transform: rotateY(360deg);}
	100% {width:73%; border-radius:2px;background:#2185C5;transform: rotateY(540deg);-webkit-transform: rotateY(540deg);}
}
@keyframes foot-logo {
	0% { width:73%; border-radius:2px;background:#2185C5;transform: rotateY(0deg);-webkit-transform: rotateY(0deg);}
	23% { width:73%; border-radius:2px;background:#2185C5;transform: rotateY(0deg);-webkit-transform: rotateY(0deg);}
	33% { width:68%; border-radius:6px; background:#7ECEFD;transform: rotateY(180deg);-webkit-transform: rotateY(180deg);}
	56% { width:68%; border-radius:6px;background:#7ECEFD;transform: rotateY(180deg);-webkit-transform: rotateY(180deg);}
	66% { width:35%; border-radius:2px;background:#3E454C;transform: rotateY(360deg);-webkit-transform: rotateY(360deg);}
	89% { width:35%; border-radius:2px;background:#3E454C;transform: rotateY(360deg);-webkit-transform: rotateY(360deg);}
	100% {width:73%; border-radius:2px;background:#2185C5;transform: rotateY(540deg);-webkit-transform: rotateY(540deg);}
}


/*bootstrap 表格*/
table { max-width: 100%; background-color: transparent; border-collapse: collapse; border-spacing: 0; }
.table { width: 100%; margin-bottom: 20px; }
.table th, .table td { padding: 8px; line-height: 20px; text-align: left; vertical-align: top; border-top: 1px solid #939393; }
.table th { font-weight: bold; }
.table thead th { vertical-align: bottom; }
.table caption+thead tr:first-child th, .table caption+thead tr:first-child td, .table colgroup+thead tr:first-child th, .table colgroup+thead tr:first-child td, .table thead:first-child tr:first-child th, .table thead:first-child tr:first-child td { border-top: 0; }
.table tbody+tbody { border-top: 2px solid #939393; }
.table .table { background-color: #ffffff; }
.table-condensed th, .table-condensed td { padding: 4px 5px; }
.table-bordered { border: 1px solid #939393; border-collapse: separate; *border-collapse:collapse;
border-left: 0; -webkit- -moz-  }
.table-bordered th, .table-bordered td { border-left: 1px solid #939393; }
.table-bordered caption+thead tr:first-child th, .table-bordered caption+tbody tr:first-child th, .table-bordered caption+tbody tr:first-child td, .table-bordered colgroup+thead tr:first-child th, .table-bordered colgroup+tbody tr:first-child th, .table-bordered colgroup+tbody tr:first-child td, .table-bordered thead:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child td { border-top: 0; }

.table-striped tbody>tr:nth-child(odd)>td, .table-striped tbody>tr:nth-child(odd)>th { background-color: #f9f9f9; }
.table-hover tbody tr:hover>td, .table-hover tbody tr:hover>th { background-color: #f5f5f5; }
table td[class*="span"], table th[class*="span"], .row-fluid table td[class*="span"], .row-fluid table th[class*="span"] { display: table-cell; float: none; margin-left: 0; }







